<!doctype html>
<html class="no-js">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>产品查询</title>

  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">

  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>

  <link rel="icon" type="image/png" href="assets/i/favicon.png">

  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">

  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">

  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
  <meta name="msapplication-TileColor" content="#0e90d2">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <link rel="stylesheet" href="assets/css/amazeui.min.css">
   <link rel="stylesheet" href="assets/css/document.css">
    <script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/amazeui.js"></script>
	<script src="assets/js/memu.js"></script>
	<script src="assets/js/PublicFunction.js"></script>	
	<script src="assets/js/baiduTemplate.js"></script>



  <style type="text/css">
  #pr_info{
  	white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
    margin: auto auto;
  }
 
	  
	 
	
	

  </style>
</head>
<body>



<div id="parent" >
<div data-am-sticky id="header">
	<header data-am-widget="header" class="am-header am-header-default">
		<div class="am-header-left am-header-nav">
			<a  href="javascript:backA()" class="">
				
				<i class="am-header-icon am-icon-chevron-left"></i>
			</a>
		</div>
		<h1 class="am-header-title" style="font-size:14px;">
			产品详情
		</h1>
		<div class="am-header-right am-header-nav">
			<a href="javascript:menu()" class="">
				<i class="am-header-icon am-icon-list-ul"></i>
			</a>
			
		</div>
	<!-- 遮罩-->
	<div class="am-modal am-modal-no-btn" tabindex="-1" id="memu-modal">
  
	</div>
	</header>
	</div>
	

	<div class="am-g" style="margin:auto auto;width:100%; padding-top:10px; padding-bottom:10px;">			
		<div class="am-u-lg-9" style="margin:auto auto;width:98%;">
				<div class="am-input-group am-input-group-primary">
					<span class="am-input-group-btn">
						<button class="am-btn am-btn-primary am-round am-btn-sm" type="button"><span class="am-icon-search"  onClick="gotoSearchProduct('1')" ></span></button>
					</span>
					<input type="text" class="am-form-field am-round am-input-sm"  id="keyword" placeholder=""/>
				</div>
		</div>
	</div>
	
  <div class="am-form-group am-form-select am-form-success " style="width:85%;margin:auto auto;padding-bottom:35px;">
	<form class="am-form ">
	<!-- 	<div style="width:48%; float:left; " >
		
				<select style="width:100%; " class="am-input-sm">
					<option value="option3">类目</option>
				</select>
		</div> -->
		<div style="width:98%;float:right;">
			<select class="am-input-sm" id ="order" style="width:100%;" onchange="gotoSearchProduct('1')" >
				<option value="def">默认排序</option>
				<option value="des">价格由高到低</option>
				<option value="asc">价格由低到高</option>
			</select>
		</div>
	</form>
  </div>	
                  
<div data-am-widget="list_news" class="am-list-news am-list-news-default">

	<div class="am-list-news-bd"  id ="div_puc">
	<script type="text/javascript" id='puc_info'>
		<ul class="am-list">
		<!--缩略图在标题左边-->
		 <% for(var i=0;i<list.length;i++){ %> 
	
		<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left" />
			<div class="am-u-sm-4 am-list-thumb">
				
					<img src="<%=server%><%=list[i].ProductImg%>" alt="我很囧，你保重....晒晒旅行中的那些囧！" />
				
			</div>
			<div class=" am-u-sm-8 am-list-main" id="pr_info">
				<h3 class="am-list-item-hd">
					<a href="javascript:checkD('<%=list[i].id%>');" class=""><%=list[i].name%></a>
				</h3>
				<div class="am-list-item-text">所属类目:<%=list[i].productType%> &nbsp&nbsp 价格:<span style="color:green"><%=list[i].Price%></span></div>
				<div class="am-list-item-text">品规:<%=list[i].specifications%>&nbsp&nbsp库存:<%=list[i].Stock%></div>
			
			</div>
		</li>
		
		<%}%>
	
     
		</ul>
			</script>
	</div>

</div>

 
</div>




<script type="text/javascript">
function init(w,h) {

	var sjson = SearchProductFunction.getProductByKeyword();
	var keword = getThisActivityParamate("keyword");

	$("#keyword").attr("value",keword);
	
	 if(sjson!=null&&sjson.length>0){
		 var json = strToJson(sjson);
		 var serverpath= Public_method.getServerPath();
		 var data={
				server:serverpath+"upload/",
					list:json
				} 
			var bat=baidu.template;
			var title_img_html=bat('puc_info',data);
			//渲染
			document.getElementById('div_puc').innerHTML=title_img_html;  
	 } 
	//生成menu
	generateMenu();

	
	
  };
 
  /** 查看产品详情**/
  function checkD(id){
	  DucumentFunction.goDud(id);
  }
  
//搜索产品
  function gotoSearchProduct( page){
  	 	var keyword =$("#keyword").val();
  	 	var order =$("#order").val();
  	  	 DucumentFunction.gotoSearchProduct(keyword,page,order);
  	 
  }

</script>
</body>
</html>
